import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
// path: node 的核心模块, 拼接路径
// path.join('./a', './b')    ./a/b
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue({
    // defineProps 时设置默认值, 使用解构赋值的方式
    // 因为解构会丢失响应式的特性, 所以需要使用这个插件的功能, 来保留响应式的特点
    reactivityTransform: true
  }), vueSetupExtend()],
  resolve: {
    alias: {
      // __dirname: 当前文件所在目录的绝对路径
      '@': path.join(__dirname, './src')
    }
  },
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `
      }
    }
  }
})
